<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>游戏资料-英雄联盟官方网站-腾讯游戏</title>

    <link rel="stylesheet" href="Public/Preview/yxlm.css">
    <link rel="stylesheet" href="Public/Preview/swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="Public/Plug/layui/css/layui.css" media="all" />
    <style>
        .popupbox {
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: 99999;
            background-color: #000;
        }

        .popupbox div {
            width: 100%;
            height: 100%
        }
        .swiper-container {
            width: 1240px;
            height: 632px;
        }
        .defail-skin-nav{
            z-index: 999;
        }
    </style>
</head>

<body>
<div class="wraper">
    <div class="layout mainer">
        <!--路径导航-->
        <div class="website-path">
            <i class="icon-home"></i>
            <a href="javascript:void(0);">英雄联盟首页</a>
            <i class="icon-arrow-2"></i>
            <a href="javascript:void(0);">游戏资料</a>
            <i class="icon-arrow-2"></i>
            <a href="javascript:void(0);">全部英雄</a>
            <i class="icon-arrow-2"></i>
            <input type="hidden" name="heroId" value="{$heroInfo.heroId}" />
            <a class="here" id="DATAnametitle">{$heroInfo.name} {$heroInfo.title}</a>
        </div>
        <!--<div class="layui-row">
            <a href="{U('Hero/index')}" style="margin-left: 600px;margin-top: -110px;" class="layui-btn">返回上一层</a>
        </div>-->
        <div class="infodefail">
            <div id="defailDATA" class="defail-data">
                <h1 id="DATAname">{$heroInfo.name}</h1>
                <h2 id="DATAtitle">{$heroInfo.title}</h2>
                <div id="DATAtags" class="defail-tags">
                    {foreach $heroInfo.roles as $key=>$val}
                    <span>{$val}</span>
                    {/foreach}
                </div>
                <!--<div id="defailVideo" class="defail-vod" title="点击观看视频"><i class="commspr commico-vod"></i></div>-->
                <dl id="DATAinfo" class="defail-stat">
                    <dt>物理攻击</dt>
                    <dd>
                        <i class="up up1" title="{$heroInfo.attack}" style="width:{$heroInfo.attack}0%"></i>
                    </dd>
                    <dt>魔法攻击</dt>
                    <dd>
                        <i class="up up2" title="{$heroInfo.magic}" style="width:{$heroInfo.magic}0%"></i>
                    </dd>
                    <dt>防御能力</dt>
                    <dd>
                        <i class="up up3" title="{$heroInfo.defense}" style="width:{$heroInfo.defense}0%"></i>
                    </dd>
                    <dt>上手难度</dt>
                    <dd>
                        <i class="up up4" title="{$heroInfo.difficulty}" style="width:{$heroInfo.difficulty}0%"></i>
                    </dd>
                </dl>
            </div>
            <span class="sbg"></span>
            <div class="defail-skin swiper-container">
                <ul id="skinBG" class="defail-skin-bg swiper-wrapper">
                    {foreach $heroSkinsInfo as $key=>$val}
                    <li title="{$val.name}" class="swiper-slide">
                        <img src="{$val.mainImg}" alt="{$val.name}">
                    </li>
                    {/foreach}
                </ul>
                <label id="test"></label>
                <div class="defail-skin-nav">
                    <div class="defail-skin-name">
                    </div>
                    <ul id="skinNAV">
                        {foreach $heroSkinsInfo as $key=>$val}
                        {if $val.chromas == 0}
                        <li rel="_{$key}"  {if $val.isBase == "1"}class="current" {else}{/if} >
                        <a title="{$val.name}">
                            <img width="60" height="60" src="{$val.iconImg}"
                                 alt="{$val.name}">
                            <span class="sbor"></span>
                        </a>
                        </li>
                        {/if}
                        {/foreach}
                    </ul>
                </div>
            </div>
            <div id="defailVodPlayer" class="defail-vod-player" style="display:none;">
                <div id="VideoContent">
                    <p class="loading">视频加载中...</p>
                </div>
                <a href="javascript:hidVod()" class="popclose">×</a>
            </div>
        </div>

        <div class="clearfix">
            <div class="infoleftcont">
                <h4 class="infotitle">背景故事</h4>
                <div class="colbox bgstroy">
                    <div id="DATAlore">{$heroInfo.shortBio}</div>
                    <a id="Gmore" href="javascript:;" class="cgray">查看更多...</a>
                    <a id="Hmore" href="javascript:;" class="cgray" style="display: none;">收起...</a>
                </div>
                <h4 class="infotitle">技能介绍</h4>

                <!--<div class="layui-tab">-->
                <!--<ul class="layui-tab-title">-->
                <!--{foreach $heroSkillsInfo as $key=>$val}-->
                <!--{if $val.spellKey == 'passive'}-->
                <!--<li class="layui-this">-->
                <!--{else}-->
                <!--<li>-->
                <!--{/if}-->
                <!--<img style="height: 64px" src="{$val.abilityIconPath}" alt="{$val.name}">-->
                <!--</li>-->
                <!--{/foreach}-->
                <!--</ul>-->
                <!--<div class="layui-tab-content">-->
                <!--{foreach $heroSkillsInfo as $key=>$val}-->
                <!--{if $val.spellKey == "passive"}-->
                <!--<div class="layui-tab-item layui-show">-->
                <!--<div class='skilltitle'><h5>{$val.name}</h5><em-->
                <!--style='text-transform:uppercase;'>快捷键：被动技能</em>-->
                <!--</div>-->
                <!--<p class='skilltip'>{$val.description}</p>;-->
                <!--{else}-->
                <!--<div class="layui-tab-item">-->
                <!--<div class='skilltitle'><h5>{$val.name}</h5><em style='text-transform:uppercase;'>快捷键：{$val.spellKey}</em>-->
                <!--</div>-->
                <!--<p class='skilltip'>{$val.dynamicDescription}</p>-->
                <!--<ul class='skillstat'>-->
                <!--<li>技能消耗：{$val.cost}</li>-->
                <!--<li>技能消耗成长：{$val.costburn}</li>-->
                <!--<li>技能冷却：{$val.cooldown}</li>-->
                <!--<li>技能冷却成长：{$val.cooldownburn}</li>-->
                <!--</ul>-->
                <!--{/if}-->
                <!--{/foreach}-->
                <!--</div>-->
                <!--</div>-->
                <!--</div>-->

                <ul id="DATAspellsNAV" class="infotab">
                    {foreach $heroSkillsInfo as $key=>$val}
                    {if $val.spellKey == 'passive'}
                    <li class="current">
                        {else}
                    <li >
                        {/if}
                        <img src="{$val.abilityIconPath}" alt="{$val.name}" >
                    </li>
                    {/foreach}
                </ul>
                <div id="DATAspells" class="colbox infoskillbox">
                    {foreach $heroSkillsInfo as $key=>$val}
                    {if $val.spellKey == "passive"}
                    <div class="layui-tab-item{$key} layui-show">
                        <div class='skilltitle'><h5>{$val.name}</h5><em
                                style='text-transform:uppercase;'>快捷键：被动技能</em>
                        </div>
                        <p class='skilltip'>{$val.description}</p>;
                        {else}
                        <div class="layui-tab-item{$key} layui-hide">
                            <div class='skilltitle'><h5>{$val.name}</h5><em style='text-transform:uppercase;'>快捷键：{$val.spellKey}</em>
                            </div>
                            <p class='skilltip'>{$val.dynamicDescription}</p>
                            <ul class='skillstat'>
                                <li>技能消耗：{$val.cost}</li>
                                <li>技能消耗成长：{$val.costburn}</li>
                                <li>技能冷却：{$val.cooldown}</li>
                                <li>技能冷却成长：{$val.cooldownburn}</li>
                            </ul>
                            {/if}
                        </div>

                        {/foreach}
                    </div>

                    <h4 class="infotitle">使用技巧</h4>
                    <div class="colbox arttips">
                        <dl id="DATAallytips" class="borlineX">
                            <dt>当你使用{$heroInfo.name}</dt>
                            <dd>
                                <p>{$heroInfo.allytips}</p>

                            </dd>
                        </dl>
                        <dl id="DATAenemytips">
                            <dt>敌人使用{$heroInfo.name}</dt>
                            <dd>
                                <p>{$heroInfo.enemytips}</p>
                            </dd>
                        </dl>
                    </div>
                </div>

                <div class="inforightcont">
                    <div id="jUserRecInfo" class="clearfix infotitle">
                        <h4 class="fl">我的记录</h4>
                        <p id="jUserHeroArea" class="fr more"></p>
                    </div>
                    <div id="jUserRecList" class="colbox">
                        <div id="jUserHeroinfo" class="clearfix pageuserline-shout">您无法查看使用该英雄的记录，请
                            <a class="cgreen" href="javascript:LW201310_Userinfo.userLogin();">[登陆]</a>，并绑定所在大区。</div>
                        <div id="jUserRecH5" class="hisbox-title" style="display:none;">
                            <h5 class="fl">近期使用记录</h5>
                            <p class="fr more">
                                <a id="jUserPersonalPage" class="cgray publicspr ico-more2" href="//lol.qq.com/personal/index.shtml">查看更多</a>
                            </p>
                        </div>

                        <ul id="jUserHeroBattle" class="hisbox-list clearfix"></ul>
                    </div>


                    <div class="clearfix infotitle">
                        <h4 class="fl">推荐攻略</h4>
                        <div class="fr more">
                            <a class="cgray publicspr ico-more2" href="javascript:window.open('//lol.qq.com/guide/list.shtml?key=' + encodeURIComponent(LW201310_ChampionInfo.dHeroName), '_blank');">查看更多</a>
                        </div>
                    </div>
                    <div class="colbox info-medialist">
                        <ol id="jMediaList" class="ghot-list">
                            <li class="item-normal">
                                <p class="gt1">
                                    <a title="战争，是人类的本质" href="//lol.qq.com/guide/page.shtml?id=380107" class="names" target="_blank">
                                        <i class="spr ico-arrow"></i>
                                        <span>战争，是人类的本质</span>
                                    </a>
                                </p>
                                <p class="gt2">2017-06-21</p>
                                <p class="gt3">
                                    <span class="gfrom">来源：</span>玩家投稿</p>
                                <p class="gt4">
                                    <span class="ghot">评分：</span>
                                    <span class="sidbar">
                                        <i class="empt"></i>
                                        <i class="upbar-green" style="width:55%"></i>
                                    </span>
                                </p>
                            </li>
                            <li class="item-normal">
                                <p class="gt1">
                                    <a title="上单暴力剑魔攻略" href="//lol.qq.com/guide/page.shtml?id=379751" class="names" target="_blank">
                                        <i class="spr ico-arrow"></i>
                                        <span>上单暴力剑魔攻略</span>
                                    </a>
                                </p>
                                <p class="gt2">2017-06-16</p>
                                <p class="gt3">
                                    <span class="gfrom">来源：</span>玩家投稿</p>
                                <p class="gt4">
                                    <span class="ghot">评分：</span>
                                    <span class="sidbar">
                                        <i class="empt"></i>
                                        <i class="upbar-green" style="width:82%"></i>
                                    </span>
                                </p>
                            </li>
                            <li class="item-normal">
                                <p class="gt1">
                                    <a title="近战也能隔墙普攻？ 新版剑魔详细分析" href="//lol.qq.com/guide/page.shtml?id=22560" class="names"
                                       target="_blank">
                                        <i class="spr ico-arrow"></i>
                                        <span>近战也能隔墙普攻？ 新版剑魔详细分析</span>
                                    </a>
                                </p>
                                <p class="gt2">2017-03-20</p>
                                <p class="gt3">
                                    <span class="gfrom">来源：</span>兔玩</p>
                                <p class="gt4">
                                    <span class="ghot">评分：</span>
                                    <span class="sidbar">
                                        <i class="empt"></i>
                                        <i class="upbar-green" style="width:100%"></i>
                                    </span>
                                </p>
                            </li>
                            <li class="item-normal">
                                <p class="gt1">
                                    <a title="全破甲输出一发入魂 意大利炮也不过如此" href="//lol.qq.com/guide/page.shtml?id=19990" class="names"
                                       target="_blank">
                                        <i class="spr ico-arrow"></i>
                                        <span>全破甲输出一发入魂 意大利炮也不过如此</span>
                                    </a>
                                </p>
                                <p class="gt2">2016-12-09</p>
                                <p class="gt3">
                                    <span class="gfrom">来源：</span>不详</p>
                                <p class="gt4">
                                    <span class="ghot">评分：</span>
                                    <span class="sidbar">
                                        <i class="empt"></i>
                                        <i class="upbar-green" style="width:70%"></i>
                                    </span>
                                </p>
                            </li>
                            <li class="item-normal">
                                <p class="gt1">
                                    <a title="突破钻石的上分杀手锏 一秒8刀的逆天上单" href="//lol.qq.com/guide/page.shtml?id=18523" class="names"
                                       target="_blank">
                                        <i class="spr ico-arrow"></i>
                                        <span>突破钻石的上分杀手锏 一秒8刀的逆天上单</span>
                                    </a>
                                </p>
                                <p class="gt2">2016-10-27</p>
                                <p class="gt3">
                                    <span class="gfrom">来源：</span>特玩</p>
                                <p class="gt4">
                                    <span class="ghot">评分：</span>
                                    <span class="sidbar">
                                        <i class="empt"></i>
                                        <i class="upbar-green" style="width:100%"></i>
                                    </span>
                                </p>
                            </li>
                            <li class="item-normal">
                                <p class="gt1">
                                    <a title="王者剑魔进阶攻略" href="//lol.qq.com/guide/page.shtml?id=7216" class="names" target="_blank">
                                        <i class="spr ico-arrow"></i>
                                        <span>王者剑魔进阶攻略</span>
                                    </a>
                                </p>
                                <p class="gt2">2016-06-28</p>
                                <p class="gt3">
                                    <span class="gfrom">来源：</span>l.zhangyoubao.com</p>
                                <p class="gt4">
                                    <span class="ghot">评分：</span>
                                    <span class="sidbar">
                                        <i class="empt"></i>
                                        <i class="upbar-green" style="width:82%"></i>
                                    </span>
                                </p>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
            <!-- 加上2个按钮 -->
            <div style="margin-top: 40px;" class="layui-row">
                <div class="layui-col-md-offset3 layui-col-md4">
                    <div class="layui-btn-container">
                        <button style="margin-right: 50px;" class="layui-btn previewRelease">发布</button>
                        <button onclick="JavaScript:history.go(-1)" class="layui-btn">返回编辑</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="Public/Preview/js/jquery-1.9.1.min.js"></script>
    <script src="Public/Preview/swiper-4.5.0/dist/js/swiper.min.js"></script>
    <script src="Public/Plug/layui/layui.js"></script>

    <div id="popPupItem" class="poppup-item" style="display:none">
        <div id="itemFromTop">拼命加载中...</div>
        <div id="itemFromTree" class="item-from">拼命加载中...</div>
    </div>
    <!-- 视频弹窗-->
    <div id="EggVideo" class="popupbox" style="display:none">
        <div id="EggVideoContent">加载中...</div>
    </div>
    <script>

        layui.use(['layer','element','form'], function() {
            var	$ = layui.jquery,
                element = layui.element,
                form = layui.form;

            $('.previewRelease').click(function(){

                var heroId = $("input:hidden[name='heroId']").val();
                var url = "{U('Hero/changeStatus')}";
                $.post(url,{ heroId: heroId},function(data){
                    if(data.status == 'error'){
                        layer.msg(data.msg, {
                            icon: 2,//失败的表情
                            time: 1000 //1秒关闭（如果不配置，默认是3秒）
                        },function () {
                            window.location.href =  "{U('Hero/preview')}";
                        });
                    }else if(data.status == 'success'){
                        layer.msg(data.msg, {
                            icon: 1,//成功的表情
                            time: 1000 //1秒关闭（如果不配置，默认是3秒）
                        }, function(){
                            window.location.href =  "{U('Hero/preview')}";
                        });
                    }
                })
            });
        });

        var heroSkins=new Array();

        {foreach $heroSkinsInfo as $key => $val}
        heroSkins[{$key}] = "{$val.name}";
        {/foreach}

            {foreach $heroSkillsInfo as $key => $val}
            {if $val.spellKey == "passive"}
            var skill{$val.spellKey} ="<div class='skilltitle'><h5>{$val.name}</h5><em style='text-transform:uppercase;'>快捷键：被动技能</em></div><p class='skilltip'>{$val.description}</p>";
            {else}
            var skill{$val.spellKey} ="<div class='skilltitle'><h5>{$val.name}</h5><em style='text-transform:uppercase;'>快捷键：{$val.spellKey}</em></div><p class='skilltip'>{$val.dynamicDescription}</p><ul class='skillstat'><li>技能消耗：{$val.cost}</li><li>技能消耗成长：{$val.costburn}</li><li>技能冷却：{$val.cooldown}</li><li>技能冷却成长：{$val.cooldownburn}</li></ul>";
            {/if}

                {/foreach}

                    //  mm - 开始
                    // 技能介绍
                    // $("#DATAspells").html(skillpassive);
                    $(".infotab li").click(function() {
                        var i = $(this).index();
                        $(this).addClass("current").siblings().removeClass("current");
                        $("div[class^='layui-tab-item']").removeClass('layui-show')
                        $("div[class^='layui-tab-item']").addClass('layui-hide')
                        $(".layui-tab-item"+i).removeClass('layui-hide')
                        $(".layui-tab-item"+i).addClass('layui-show')
                    });
                    // 轮播
                    $(".defail-skin-name").html('<span id="skinName">默认皮肤</span>');
                    var mySwiper = new Swiper('.swiper-container',{
                        swipeHandler:'.swipe-handler'
                    });

                    $("#skinNAV li").click(function (e) {
                        $(this).addClass("current").siblings().removeClass("current");
                        var n = $(this).index();
                        mySwiper.slideTo(n, 1000, false);//切换到第一个slide，速度为1秒
                        $(".defail-skin-name").html('<span id="skinName">'+heroSkins[n]+'</span>');

                    })
                    // mm - 结束

                    //皮肤
                    showVideosDialogs = function (key) {
                        var selfdata = LOLherojs.otherthings.data[key];
                    },
                        showSkin = function () {
                            console.log("fdsafdsa")
                            var skin = LOLherojs.champion[heroid].data.skins,
                                ids = null,
                                names = null,
                                nav = [],
                                bg = [],
                                title = [],
                                url = '//ossweb-img.qq.com/images/lol/web201310/skin/';
                            for (var i = 0, len = skin.length; i < len; i++) {
                                ids = skin[i].id;
                                names = skin[i].name;
                                if (names.indexOf('default') != -1) { names = "默认皮肤" };
                                nav.push('<li rel="_' + i + '"><a title="' + names + '"><img width="60" height="60" src="' + url + 'small' + ids + '.jpg" alt="' + names + '"><span class="sbor"></span></a></li>');
                                bg.push('<li title="' + names + '"><img src="' + url + 'big' + ids + '.jpg" alt="' + names + '"></li>');
                                title.push(names);
                            }
                            g('skinNAV').innerHTML = nav.join('');
                            g('skinBG').innerHTML = bg[0];
                            g('skinName').innerHTML = title[0];
                            var sw = gets.tag('skinNAV', "li"), ord = 0;
                            sw[0].className = "current";

                            for (var j = sw.length; j--;) {
                                console.log(sw[j])
                                sw[j].count = j;
                                sw[j].onclick = function () {
                                    var simg = gets.tag('skinBG', "li");
                                    if (!simg[this.count]) {
                                        g('skinBG').innerHTML = bg.join('');
                                    }
                                    move("skinBG", this.count, 1240, "left");
                                    sw[ord].className = "";
                                    this.className = "current";
                                    g('skinName').innerHTML = title[this.count];
                                    ord = this.count;
                                }
                            }
                        },
                        //end
                        //页面内容
                        showInfo = {
                            "Top": function (heroid) {
                                //topinfo
                                var data = LOLherojs.champion[heroid].data,
                                    tg = [],
                                    tmp,
                                    inf = [];
                                g("DATAnametitle").innerHTML = data.name + ' ' + data.title;
                                g("DATAname").innerHTML = data.name;
                                g("DATAtitle").innerHTML = data.title;
                                for (var i in data.tags) {
                                    tmp = data.tags[i];
                                    tg.push('<span>' + getTag(tmp) + '</span>');
                                };
                                g("DATAtags").innerHTML = tg.join('');
                                inf.push('<dt>物理攻击</dt><dd><i class="up up1" title="' + data.info.attack + '" style="width:' + data.info.attack + '0%"></i></dd>');
                                inf.push('<dt>魔法攻击</dt><dd><i class="up up2" title="' + data.info.magic + '" style="width:' + data.info.magic + '0%"></i></dd>');
                                inf.push('<dt>防御能力</dt><dd><i class="up up3" title="' + data.info.defense + '" style="width:' + data.info.defense + '0%"></i></dd>');
                                inf.push('<dt>上手难度</dt><dd><i class="up up4" title="' + data.info.difficulty + '" style="width:' + data.info.difficulty + '0%"></i></dd>');
                                g("DATAinfo").innerHTML = inf.join('');
                                loadScript("js/herovideo.js", function () { showVideosDialogs(heroid); });
                            },
                            "BG": function (heroid) {
                                //背景故事
                                var data = LOLherojs.champion[heroid].data;
                                g("DATAlore").innerHTML = data.blurb;
                                g("Hmore").style.display = "none";
                                g("Gmore").onclick = function () {
                                    g("DATAlore").innerHTML = data.lore;
                                    g("Gmore").style.display = "none";
                                    g("Hmore").style.display = "inline";
                                };
                                g("Hmore").onclick = function () {
                                    g("DATAlore").innerHTML = data.blurb;
                                    g("Gmore").style.display = "inline";
                                    g("Hmore").style.display = "none";
                                };
                            },
                            "Spell": function (heroid) {
                                //技能介绍
                                var data = LOLherojs.champion[heroid].data,
                                    stab = [],
                                    scont = [],
                                    spe = data.spells,
                                    len = spe.length,
                                    lv = [],
                                    url,
                                    skey = ["Q", "W", "E", "R"],
                                    url2 = gets.u + data.passive.image.group + "/" + data.passive.image.full;
                                stab.push('<li class="current"><img src="' + url2 + '" alt=""></li>');
                                scont.push('<div class="skilltitle"><h5>' + data.passive.name + '</h5><em>被动技能</em></div><p class="skilltip">' + data.passive.description + '</p>');
                                for (var i = 0, sp; i < len; i++) {
                                    sp = spe[i];
                                    url = gets.u + sp.image.group + "/" + sp.image.full;
                                    stab.push('<li><img src="' + url + '" alt=""></li>');
                                    if (!!sp.leveltip) {
                                        for (var k = 0, lvlen = sp.leveltip.label.length; k < lvlen; k++) {
                                            lv.push('<li>' + sp.leveltip.label[k] + '：' + sp.leveltip.effect[k] + '</li>');
                                        }
                                        if (sp.leveltip.label.length == 1 && sp.leveltip.label[0] == '') {
                                            scont.push('<div class="skilltitle"><h5>' + sp.name + '</h5><em>快捷键：' + skey[i] + '</em></div><p class="skilltip">' + sp.tooltip + '</p>')
                                        } else {
                                            scont.push('<div class="skilltitle"><h5>' + sp.name + '</h5><em>快捷键：' + skey[i] + '</em></div><p class="skilltip">' + sp.tooltip + '</p><ul class="skillstat">' + lv.join('') + '</ul>')
                                        }
                                    } else {
                                        scont.push('<div class="skilltitle"><h5>' + sp.name + '</h5><em>快捷键：' + skey[i] + '</em></div><p class="skilltip">' + sp.tooltip + '</p>')
                                    }
                                    lv = [];
                                }
                                g("DATAspellsNAV").innerHTML = stab.join('');
                                g("DATAspells").innerHTML = scont[0];
                                var sw = gets.tag("DATAspellsNAV", "li"), ord = 0;
                                for (i = 0; i < len + 1; i++) {
                                    sw[i].count = i;
                                    sw[i].onclick = function () {
                                        sw[ord].className = "";
                                        this.className = "current";
                                        g("DATAspells").innerHTML = scont[this.count];
                                        ord = this.count;
                                    }
                                }
                            },
                            "Item": function (heroid) {
                                //推荐装备
                                var data = LOLherojs.champion[heroid].data,
                                    itemsHtml = [], ddHtml = [], type = { "starting": "起始装备", "essential": "核心物品", "offensive": "进攻型物品", "defensive": "防御型物品" }, typeN = [{ "starting": false, "essential": false, "offensive": false, "defensive": false }, { "starting": false, "essential": false, "offensive": false, "defensive": false }], typeNum = 0,
                                    blocks = data.blocks;
                                if (blocks) {
                                    for (var i = 0, lent = blocks.length; i < lent; i++) {
                                        if ((blocks[i].map == "1" && blocks[i].mode == "CLASSIC") || (blocks[i].map == "12" && blocks[i].mode == "ARAM")) {
                                            if (blocks[i].map == "1" && blocks[i].mode == "CLASSIC") { typeNum = 0; }
                                            if (blocks[i].map == "12" && blocks[i].mode == "ARAM") { typeNum = 1; }
                                            var classbk = blocks[i].recommended,
                                                itemURL = gets.u + "item/",
                                                items,
                                                itemID;
                                            for (var j = 0, ln = classbk.length - 1; j < ln; j++) {
                                                items = classbk[j].items;
                                                if (classbk[j].type == 'starting' || classbk[j].type == 'essential' || classbk[j].type == 'offensive' || classbk[j].type == 'defensive') {
                                                    if (!typeN[typeNum][classbk[j].type]) {
                                                        for (var t = 0, l = items.length; t < l; t++) {
                                                            itemID = items[t].id;
                                                            itemsHtml.push('<img data-title="' + itemID + '" src="' + itemURL + itemID + '.png" alt="">');
                                                        }
                                                        ddHtml.push('<dt>' + type[classbk[j].type] + '</dt><dd class="borlineX">' + itemsHtml.join('') + '</dd>');
                                                        itemsHtml = [];
                                                    }
                                                    typeN[typeNum][classbk[j].type] = true;
                                                }
                                            }
                                            if (blocks[i].map == "1") {
                                                g("infospellsTABclassBlocks").innerHTML = ddHtml.join('');
                                            } else {
                                                g("infospellsTABaramBlocks").innerHTML = ddHtml.join('');
                                            }
                                            ddHtml = [];
                                        }
                                    }
                                }
                                // var nobor = gets.tag("jSearchItemDiv","dd");
                                // nobor[nobor.length-1].className="";
                                // nobor[3].className="";
                                // $('#jSearchItemDiv dl dd:last')
                                JSwrap("infospellsTAB", "li", false, false, "click");
                                loadScript("//lol.qq.com/biz/hero/item.js", function () { showPopup("jSearchItemDiv", "img"); });
                            },
                            "Skill": function (heroid) {
                                //使用技巧
                                var data = LOLherojs.champion[heroid].data,
                                    atips = data.allytips,
                                    etips = data.enemytips,
                                    aTmp = [];
                                for (var i = 0, l = atips.length; i < l; i++) {
                                    aTmp.push('<p>' + atips[i] + '</p>')
                                }
                                g("DATAallytips").innerHTML = '<dt>当你使用' + data.name + '</dt><dd>' + aTmp.join('') + '</dd>';
                                aTmp = [];
                                for (var i = 0, l = etips.length; i < l; i++) {
                                    aTmp.push('<p>' + etips[i] + '</p>')
                                }
                                g("DATAenemytips").innerHTML = '<dt>敌人使用' + data.name + '</dt><dd>' + aTmp.join('') + '</dd>';
                            }
                        };
                    //运行
                    var heroid = encodeReg(GetUrlParamByName("id"));

                    if (!JisLetter(heroid)) {
                        location.href = "/data/info-heros.shtml";
                    } else {
                        g("DATAname").innerHTML = GetUrlParamByName("id");
                        loadScript("//lol.qq.com/biz/hero/" + heroid + ".js", function () {
                            if (LOLherojs.champion[heroid] != null) {
                                showInfo.Top(heroid);
                            }
                        });
                        need(["biz.delayLoad"]);
                    }
    </script>
    <script>if (typeof (pgvMain) === 'function') { pgvMain(); }</script>

    <iframe src="https://apps.game.qq.com/ams/asyncCookie.html" id="loginStatusSyncFrame_ams_ame" width="0" height="0" style="border: 0px;"></iframe>
</body>

</html>